<template>
  <div>
    <u-loading-page
      v-if="pageLoading"
      loading-mode="semicircle"
      :loading="showLoading"
      loading-color="#3c9cff"
      color="#3c9cff"
      bgColor="transparent"
    ></u-loading-page>
  </div>
</template>

<script>
// 如果想要不显示
// 在当前页面 data添加showPageLoading:false
import { mapState } from 'vuex'
export default {
  name: 'CPageLoading',
  props: {
    // 如果不传会传入null
    showPageLoading: {
      type: [Boolean, null],
      default: true
    }
  },
  data() {
    return {}
  },

  computed: {
    ...mapState(['showLoading']),
    // 需要在null的时候转换为true
    pageLoading() {
      switch (this.showPageLoading) {
        case true:
          return true
        case false:
          return false
        default:
          return true
      }
    }
  }
}
</script>

<style lang="scss" scoped></style>
